<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/base.css"/>
	<link rel="stylesheet" type="text/css" href="css/xitong-rz.css"/>
	<script src="js/jquery.min.js"></script>
	<script src="js/base.js"></script>
	<script src="js/paging.js"></script>
	<link rel="stylesheet" href="css/zeroModal.css">
	<script src="js/zeroModal.min.js"></script>
	<script src="js/xitong-rz.js"></script>
	<style>
		.page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}
	</style>
	<body>
		<div class="box">
			<div class="header">
				<div class="left">
				<span>搜索:</span>
				<input type="text" class="left_hh">
			</div>
			<div class="left zhong">
				<span>级别:</span>
				<select class="left_hh zhong_hh">
					<option value="volvo">ERROR</option>
					<option value="saab">WARN</option>
				</select>
			</div>
           <div class="left right ha">
				<span>时间段:</span>
				<input type="text" class="left_hh right-hh">
			</div>
			</div>
			<div class="main">
			    <div class="main-top">
			    	<div class="main-left">时间</div>
			        <div class="main-left main-cen">级别</div>
			        <div class="main-left main-righ">日志</div>
			    </div>
			</div>
			<!-- <div class="main mains">
			    <div class="main-top matop">
					<div class="main-left">2018-5-6</div>
					<div class="main-left main-cen">ERROR</div>
					<div class="main-left main-righ zi">xx</div>
				</div>
			</div> -->
			<div class="mlists">

			</div>
			<div>
				<div id="page" class="page_div"></div>
			</div>
		</div>
	</body>
</html>
